﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <meta name="keywords" content="itak互动官网,italk,Italk创客团队,聊天,交友,italkyou,">
    <meta name="description" content="italk互动官网,聊天软件">
    <title>italk互动官网</title>
    <link href="/favicon.ico" mce_href="/favicon.ico" rel="icon" type="image/x-icon" /> 
    <link href="/favicon.ico" mce_href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--导航-->
<nav id="nav" class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
            <a href="index.html" class="navbar-brand"><img src="img/logo.png" alt="italk"></a>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="consociation.html">合作通道</a></li>
                <li><a href="agreement.html">用户协议</a></li>
                <li><a href="news.html">最新动态</a></li>
            </ul>
        </div>
    </div>
</nav>
<!--video-->
<div id="video" class="container-fluid">
    <img class="img-responsive center-block auto" width="100%" src="img/video-bg.jpg" alt="海报背景">
    <div class="video-txt">
        <span>演员招募计划</span>
        <a href="news.html">查看计划>></a>
    </div>
    <!--<div class="video-wrap">
        <span class="close close2">✘</span>
        <video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="100%" height="auto">
            <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
            <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
            <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
            <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="100%" height="auto">
                <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
                <param name="allowFullScreen" value="true" />
                <param name="wmode" value="transparent" />
                <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny.mp4','autoPlay':false}]}" />
                <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="100%" height="auto" title="No video playback capabilities, please download the video below" />
            </object>
        </video>
    </div>-->
</div>
<!--轮播图-->
<div id="myCarousel" class="carousel slide">
    <!--<ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active">        </li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
    </ol>-->
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item">
            <div class="tab">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <img class="img-responsive center-block auto" width="240" height="457"  src="img/liaotian.png" alt="手机样式图片">
                            <!--<embed class="img-responsive center-block auto" src="img/liaotian.svg" type="image/svg+xml" width="240" height="457"  pluginspage="http://www.adobe.com/svg/viewer/install/" />-->
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6 tab-txt">
                            <h2>随性才带劲。</h2>
                            <p>在这里，我每天都在与一群“不要脸”的人交朋友。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="tab">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <img class="img-responsive center-block auto" width="240" height="457" src="img/meilibi.png" alt="手机样式图片"> 
                            <!--<embed class="img-responsive center-block auto" src="img/meilibi.svg" type="image/svg+xml" width="240" height="457"  pluginspage="http://www.adobe.com/svg/viewer/install/" />-->
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6 tab-txt">
                            <h2>专属定制您的社交凭证。</h2>
                            <p>魅力币代表了您的社交能力，对于有社交恐惧症的Italker，这是相当棒的社交考量凭证。</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Carousel nav -->
    <a id="prev" class="carousel-control left" href="#myCarousel" data-slide="prev">
        <img class="img-responsive center-block auto" src="img/left_nopress.png" alt="上一个">
    </a>
    <a id="next" class="carousel-control right" href="#myCarousel" data-slide="next">
        <img class="img-responsive center-block auto" src="img/right_nopress.png" alt="下一个">
    </a>
</div>
<!--产品介绍  邮件-->
<div class="email">
    <div class="container">
        <h2 class="email-h2">人人都是产品经理</h2>
        <p class="email-p">嘿，有什么想说的就留言给我们吧。可以是Italk功能相关的建议、团队发展建议、优秀人才推荐等。<br/>也欢迎小伙伴留下你的联系方式噢，因为那样我们就可以给<span>走心的</span>小伙伴们送小礼物啦！</p>
        <form role="form" action="javascript:;">
            <input name="contact" type="text" class="form-control" placeholder="你的联系方式">
            <textarea name="content" class="form-control" rows="8" placeholder="既然来了，就吐槽一下吧"></textarea>
            <button class="btn btn-block" type="button">发送
                <img class="img-responsive center-block auto" src="img/loading.gif" alt="loading">
            </button>
            <span class="help-block">提示：我们已经收到信息，感谢您的配合！</span>
        </form>
    </div>
</div>
<div id="footer">
    <div class="container-fluid foot-top">
        <h3>准备去遇见Ta了么？</h3>
        <p>无心与境接，偶遇信悠哉</p>
        <img class="img-responsive center-block auto"  src="img/erweima.png" alt="二维码">
        <a class="btn" href="img/Italk-1.0.apk">扫一扫获取APK</a>
    </div>
    <div class="container-fluid foot-bottom">
        <p>&copy;2017 - <a href="/">Italk创客团队</a> | 版权所有  京ICP备16066746号</p>
    </div>
</div>

<script src="js/jquery-2.2.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/index.js"></script>

</body>
</html>